<template>
  <div class='main'>
    <div class='title'>
      <img class='title_img' src="../assets/img/hot.png"/>
      <h2 class='title_class'>热门推荐</h2>
      <div class='title_text'>海贼王我当定了！！！</div>
    </div>
  </div>
</template>
<style>
.title{
  width: 100%;
  height: 100px;
  background: #6ECBF9;
  border-radius: 5px;
  margin: 20px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #fff;
  padding: 0 30px;
  position: relative;
}
.title_img{
  width: 35px;
  height: 35px;
  margin: 0 10px;
}
.title_text{
  position: absolute;
  right: 30px;
  }
.title div{margin: 0 10px}
</style>
